<!DOCTYPE html>
<html>

<head>
	<title>职位搜索</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="./assets/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="./assets/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="./assets/css/font-awesome.css" rel="stylesheet">
	<style>
		.form-control {
			height: 50px !important;


		}

		.input-group {
			margin-bottom: 0px !important;


		}

		.input-group:hover .form-control {
			border: 1px solid rgb(35, 182, 132);
		}

		.input-group:hover .input-group-addon {
			border-top: 1px solid rgb(35, 182, 132);
			border-bottom: 1px solid rgb(35, 182, 132);
			border-right: 1px solid rgb(35, 182, 132);
		}

		.label {
			float: left;
			color: #000;
			font-size: 14px;
			font-weight: 500;
			line-height: 22px;
			width: 48px;

		}

		.list1 {
			float: left;
			font-size: 14px;
			height: 30px;
			line-height: 30px;
		}

		.list1 li:hover {
			color: #00BEBD;
			cursor: pointer;
		}

		.list {
			font-size: 14px;
			height: 30px;
		}

		.list3 {
			font-size: 15px;
			height: 30px;
		}

		.list3 li {
			padding-right: 2px;
		}

		.list li:hover {
			color: #00BEBD;
			cursor: pointer;
		}

		.mun {
			background: #fff;
			margin: 10px auto;
			border-radius: 12px;
		}

		.mun:hover {

			/* -webkit-box-shadow: #ccc 0px 10px 10px;

			-moz-box-shadow: #ccc 0px 10px 10px; */
			box-shadow: 0px 1px 40px 0 hsl(0deg 0% 60% / 30%);
		}

		.mun .col-md-6 {
			padding-right: 0 !important;
		}

		.message {
			color: #000;
			height: 30px;
			line-height: 30px;
		}

		.jobx {
			margin: 10px 0 10px 0;
		}

		.skill {
			font-size: 12px;
			margin: 15px 0px;
		}

		.skill li {
			padding-left: 0 !important;
			padding-right: 2px;
			border-right: 1px solid #00BEBD;
		}

		.list-inline {
			margin-left: 0 !important;

		}

		.company-logo {
			float: left;
			margin: 10px 0px;
			width: 50px;
		}

		.company-info {
			margin: 10px;
			margin-left: 70px;
			width: 300px;
		}

		input:focus {
			outline: 0;
		}
		.left_1{
			margin-left: 83px;
		}
	</style>
</head>

<body>
	<div class="header" id="home" style="border-bottom: 1px solid rgb(35,182,132);">
		<div class="content white agile-info">
			<nav class="navbar navbar-default" role="navigation">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" style="background: rgb(236, 245, 242); border: 0px;"
							class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-list">
							<span class="icon-bar"> </span>
							<span class="icon-bar"> </span>
							<span class="icon-bar"> </span>
						</button>
						<div class="a_L">
							<a class="navbar-brand " href="index.html">
								<h1 style="font-size: 30px; height: 48; line-height: 48px; ">LP招聘</h1>
							</a>
						</div>
					</div>
					<div class="collapse navbar-collapse" id="nav-list">
						<nav class="link-effect-2" id="link-effect-2">
							<ul class="nav navbar-nav">
								<li class="active"><a href="index.html" class="effect-3">首页</a></li>
								<li class="dropdown">
									<a href="services.html" class="dropdown-toggle effect-3" data-toggle="dropdown">校园
										<b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="services.html">实习生</a></li>
										<li class="divider"></li>
										<li><a href="services.html">应届生</a></li>
										<li class="divider"></li>
										<li><a href="codes.html">双选会</a></li>
										<li class="divider"></li>
									</ul>
								</li>
								<li class="dropdown">
									<a href="jobs.html" class="dropdown-toggle effect-3" data-toggle="dropdown">职位<b
											class="caret"></b></a>
									<ul class="dropdown-menu multi-column columns-2">
										<div class="row">
											<div class="col-sm-6">
												<ul class="multi-column-dropdown">
													<li>
														<a href="">技术</a>
													</li>
													<li>
														<a href="">产品</a>
													</li>
													<li>
														<a href="">设计</a>
													</li>
													<li>
														<a href="">运营</a>

													</li>
													<li>
														<a href="">市场</a>
													</li>
													<li>
														<a href="">人事/财政/行政</a>
													</li>
													<li>
														<a href="">高级管理</a>
													</li>
													<li>
														<a href="">销售</a>
													</li>
													<li><a href="">传媒</a>

													</li>
													<li><a href="">金融</a>

													</li>
													<li><a href="">教育培训</a>

													</li>
													<li><a href="">医疗健康</a>

													</li>
												</ul>
											</div>
											<div class="col-sm-6">
												<ul class="multi-column-dropdown">
													<li><a href="upload.html">采购/贸易</a></li>
													<li><a href="codes.html">供应链/物流</a></li>
													<li><a href="codes.html">房地产/建筑</a></li>
													<li><a href="codes.html">农/林/牧/渔</a></li>
													<li><a href="codes.html">咨询/翻译/法律</a></li>
													<li><a href="codes.html">旅游</a></li>
													<li><a href="codes.html">服务业</a></li>
													<li><a href="codes.html">生产制造</a></li>
												</ul>
											</div>
										</div>
									</ul>
								</li>
								<li><a href="" class="effect-3">公司</a></li>
								<li><a href="contact.html" class="effect-3">联系</a></li>
								<li><a href="login.html" class="effect-3">登录</a></li>
								<li id="register"><a href="login.html" class="effect-3">注册</a></li>
								<li><a href="" class="hidden" id="logout" data-toggle="modal"
										data-target="#list-modal">退出</a></li>
							</ul>
						</nav>
					</div>
				</div>
			</nav>
		</div>
	</div>
	<div class="container">
		<div class="modal" id="list-modal">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h4 class="modal-title le-text"><span id="user-showname"></span>，<span>欢迎下次您下次到来</span></h4>
					</div>
					<div class="modal-body">
						<p class="" style="font-size: 18px">祝您生活愉快</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>
						<button type="button" class="btn btn-success" id="logout">确定
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="inner_content_info_agileits">
		<div class="container-fluid left_1" >
			<div class="input-group search2" style="float: left;padding-left: 20px;">
				<div class="position-sel input-group-addon  dropdown"
					style="border: 2px solid rgb(35,182,132);border-right: 0px;background-color: white;">
					<span class="dropdown-toggle" data-toggle="dropdown" style="border-right: 0px;">
						<b class="b">职位类型</b>
						<i class="caret"></i>
					</span>
					<ul class="dropdown-menu" style="max-height: 200px;overflow-y:auto;">
						<li>
							<a href="">技术</a>
						</li>
						<li>
							<a>产品</a>
						</li>
						<li>
							<a>设计</a>
						</li>
						<li>
							<a>运营</a>

						</li>
						<li>
							<a>市场</a>
						</li>
						<li>
							<a>人事/财政/行政</a>
						</li>
						<li>
							<a>高级管理</a>
						</li>
						<li>
							<a>销售</a>
						</li>
						<li><a>传媒</a>

						</li>
						<li><a>金融</a>

						</li>
						<li><a>教育培训</a>

						</li>
						<li><a>医疗健康</a>

						</li>
					</ul>
				</div>
				<input type="text" onkeydown="" placeholder="搜索职位" />
				<a class="input-group-addon aa" id="search">
					<i class="glyphicon glyphicon-search"></i></a>
			</div>
			<div class="col-md-10 " style="margin-top: 20px;">
				<span class="label ">城市</span>
				<ul class="list-inline list1">
					<li ka="sel-city-100010000" class="">全国</li>
					<li ka="sel-city-101010100" class="active">北京</li>
					<li ka="sel-city-101020100" class="">上海</li>
					<li ka="sel-city-101280100" class="">广州</li>
					<li ka="sel-city-101280600" class="">深圳</li>
					<li ka="sel-city-101210100" class="">杭州</li>
					<li ka="sel-city-101030100" class="">天津</li>
					<li ka="sel-city-101110100" class="">西安</li>
					<li ka="sel-city-101190400" class="">苏州</li>
					<li ka="sel-city-101200100" class="">武汉</li>
					<li ka="sel-city-101230200" class="">厦门</li>
					<li ka="sel-city-101250100" class="">长沙</li>
					<li ka="sel-city-101270100" class="">成都</li>
					<li ka="sel-city-101180100" class="">郑州</li>
					<li ka="sel-city-101040100" class="">重庆</li>
					<li>其它城市</li>
				</ul>
			</div>
			<div class="col-md-10 ">
				<span class="label ">区域</span>
				<ul class="list-inline list">
					<li>不限</li>
					<li ka="sel-business-0" class="">浦东新区 </li>
					<li ka="sel-business-1" class="">闵行区 </li>
					<li ka="sel-business-2" class="">徐汇区 </li>
					<li ka="sel-business-3" class="">静安区 </li>
					<li ka="sel-business-4" class="">嘉定区 </li>
					<li ka="sel-business-5" class="">松江区 </li>
					<li ka="sel-business-6" class="">杨浦区 </li>
					<li ka="sel-business-7" class="">普陀区 </li>
					<li ka="sel-business-8" class="">黄浦区 </li>
					<li ka="sel-business-9" class="">宝山区 </li>
					<li ka="sel-business-10" class="">长宁区</li>
					<li ka="sel-business-11" class="">虹口区</li>
					<li ka="sel-business-12" class="">青浦区</li>
					<li ka="sel-business-13" class="">奉贤区</li>
					<li ka="sel-business-14" class="">金山区</li>
					<li ka="sel-business-15" class="">崇明区</li>
				</ul>
			</div>
		</div>
		<div class="container-fluid left_1" style="background-color: #F0F7F9; margin-top: 40px;">
			<div class="col-md-10" >
				<ul class="list-unstyled ">
					<li class="" style="margin-bottom: 15px; border-radius: 2px  solid ;">
						<div class="row mun">
							<div class="col-md-7">
								<div class="jobx">
									<span class="job-name">java开发</span>
									<span class="job-area">[广州·天河区]</span>
								</div>
								<div class="message">
									<span style="float: left;color: red;">10-15K</span>
									<ul class="list-inline list3">
										<li>3-5年</li>
										<li>本科</li>
										<li>
											<span class="">项目经理：赵女士</span>
										</li>
										<li><a>立即沟通</a></li>
									</ul>
								</div>
								<div>
									<ul class="skill list-inline ">
										<li>Java</li>
										<li>大数据处理经验</li>
										<li>SpringCloud</li>
										<li>分布式技术</li>
										<li>Redis</li>
										<li>Spring</li>
										<li>后端工程师</li>
									</ul>
								</div>
							</div>
							<div class="col-md-5">
								<div class="company-logo">
									<a href="">
										<img src="https://img.bosszhipin.com/beijin/mcs/chatphoto/20200401/aa12a17c47cbc12a29218f30a6137d3c85abd9416c6a0ed22d405d25f7fff22d_s.jpg?x-oss-process=image/resize,w_100,limit_0"
											width="50px" height="50px">
									</a>
								</div>
								<div class="company-info">
									<h3 class="company-name"><a href="/gongsi/4b2265175fbe876b1X1y0ty1.html"
											ka="search_list_company_1_custompage">广州申迪</a>
										<!---->
									</h3>
									<ul class="list-inline">
										<li>计算机软件</li>
										<li>未融资</li>
										<li>500-999人</li>
									</ul>
								</div>

								<small style="font-size: 13px;">五险一金，通讯补贴，年终奖，零食下午茶，定期体检，餐补...</small>

							</div>
						</div>
					</li>
					<li>
						<div class="row mun">
							<div class="col-md-7">
								<div class="jobx">
									<span class="job-name">java开发</span>
									<span class="job-area">[广州·天河区]</span>
								</div>
								<div class="message">
									<span style="float: left;color: red;">10-15K</span>
									<ul class="list-inline list3">
										<li>3-5年</li>
										<li>本科</li>
										<li>
											<span class="">项目经理：赵女士</span>
										</li>
										<li><a>立即沟通</a></li>
									</ul>
								</div>
								<div>
									<ul class="skill list-inline ">
										<li>Java</li>
										<li>大数据处理经验</li>
										<li>SpringCloud</li>
										<li>分布式技术</li>
										<li>Redis</li>
										<li>Spring</li>
										<li>后端工程师</li>
									</ul>
								</div>
							</div>
							<div class="col-md-5">
								<div class="company-logo">
									<a href="">
										<img src="https://img.bosszhipin.com/beijin/mcs/chatphoto/20200401/aa12a17c47cbc12a29218f30a6137d3c85abd9416c6a0ed22d405d25f7fff22d_s.jpg?x-oss-process=image/resize,w_100,limit_0"
											width="50px" height="50px">
									</a>
								</div>
								<div class="company-info">
									<h3 class="company-name"><a href="/gongsi/4b2265175fbe876b1X1y0ty1.html"
											ka="search_list_company_1_custompage">广州申迪</a>
										<!---->
									</h3>
									<ul class="list-inline">
										<li>计算机软件</li>
										<li>未融资</li>
										<li>500-999人</li>
									</ul>
								</div>

								<small style="font-size: 13px;">五险一金，通讯补贴，年终奖，零食下午茶，定期体检，餐补...</small>

							</div>
						</div>
					</li>
					<li>
						<div class="row mun">
							<div class="col-md-7">
								<div class="jobx">
									<span class="job-name">java开发</span>
									<span class="job-area">[广州·天河区]</span>
								</div>
								<div class="message">
									<span style="float: left;color: red;">10-15K</span>
									<ul class="list-inline list3">
										<li>3-5年</li>
										<li>本科</li>
										<li>
											<span class="">项目经理：赵女士</span>
										</li>
										<li><a>立即沟通</a></li>
									</ul>
								</div>
								<div>
									<ul class="skill list-inline ">
										<li>Java</li>
										<li>大数据处理经验</li>
										<li>SpringCloud</li>
										<li>分布式技术</li>
										<li>Redis</li>
										<li>Spring</li>
										<li>后端工程师</li>
									</ul>
								</div>
							</div>
							<div class="col-md-5">
								<div class="company-logo">
									<a href="">
										<img src="https://img.bosszhipin.com/beijin/mcs/chatphoto/20200401/aa12a17c47cbc12a29218f30a6137d3c85abd9416c6a0ed22d405d25f7fff22d_s.jpg?x-oss-process=image/resize,w_100,limit_0"
											width="50px" height="50px">
									</a>
								</div>
								<div class="company-info">
									<h3 class="company-name"><a href="/gongsi/4b2265175fbe876b1X1y0ty1.html"
											ka="search_list_company_1_custompage">广州申迪</a>
										<!---->
									</h3>
									<ul class="list-inline">
										<li>计算机软件</li>
										<li>未融资</li>
										<li>500-999人</li>
									</ul>
								</div>

								<small style="font-size: 13px;">五险一金，通讯补贴，年终奖，零食下午茶，定期体检，餐补...</small>

							</div>
						</div>
					</li>
					<li>
						<div class="row mun">
							<div class="col-md-7">
								<div class="jobx">
									<span class="job-name">java开发</span>
									<span class="job-area">[广州·天河区]</span>
								</div>
								<div class="message">
									<span style="float: left;color: red;">10-15K</span>
									<ul class="list-inline list3">
										<li>3-5年</li>
										<li>本科</li>
										<li>
											<span class="">项目经理：赵女士</span>
										</li>
										<li><a>立即沟通</a></li>
									</ul>
								</div>
								<div>
									<ul class="skill list-inline ">
										<li>Java</li>
										<li>大数据处理经验</li>
										<li>SpringCloud</li>
										<li>分布式技术</li>
										<li>Redis</li>
										<li>Spring</li>
										<li>后端工程师</li>
									</ul>
								</div>
							</div>
							<div class="col-md-5">
								<div class="company-logo">
									<a href="">
										<img src="https://img.bosszhipin.com/beijin/mcs/chatphoto/20200401/aa12a17c47cbc12a29218f30a6137d3c85abd9416c6a0ed22d405d25f7fff22d_s.jpg?x-oss-process=image/resize,w_100,limit_0"
											width="50px" height="50px">
									</a>
								</div>
								<div class="company-info">
									<h3 class="company-name"><a href="/gongsi/4b2265175fbe876b1X1y0ty1.html"
											ka="search_list_company_1_custompage">广州申迪</a>
										<!---->
									</h3>
									<ul class="list-inline">
										<li>计算机软件</li>
										<li>未融资</li>
										<li>500-999人</li>
									</ul>
								</div>

								<small style="font-size: 13px;">五险一金，通讯补贴，年终奖，零食下午茶，定期体检，餐补...</small>

							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>


	</div>
	</div>
	<!-- footer -->
	<div class="footer_top_agileits">
		<div class="container">
			<div class="col-md-4 footer_grid">
				<h3>关于我们</h3>
				<ul class="list-unstyled footer_ul">
					<li><a href="">公司介绍</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">诚聘英才</a></li>
					<li><a href="">网络地图</a></li>
				</ul>
			</div>
			<div class="col-md-4 footer_grid">
				<h3>使用与帮助</h3>
				<ul class="footer_grid_list">
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">防骗指南 </a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">意见反馈</a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">法律协议 </a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">资质公示</a>
					</li>
					<li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						<a href="">使用帮助 </a>
					</li>
				</ul>
			</div>
			<div class="col-md-4 footer_grid">
				<h3>联系方式</h3>
				<ul class="address">
					<li><i class="fa fa-map-marker" aria-hidden="true"></i> xxxxxx<span>
						</span></li>
					<li><i class="fa fa-envelope" aria-hidden="true"></i><a
							href="mailto:info@example.com">xxxxxx@163.com</a></li>
					<li><i class="fa fa-phone" aria-hidden="true"></i>+10086</li>
				</ul>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="./assets/js/vendor/jquery.min.js"></script>
	<script type="text/javascript" src="./assets/js/vendor/bootstrap.js"></script>
	<script type="text/javascript">
		function onKeyDown(event) {
			var e = event || window.event || arguments.callee.caller.arguments[0];
			if (e && e.keyCode == 27) { // 按 Esc
				//要做的事情
			}
			if (e && e.keyCode == 113) { // 按 F2
				//要做的事情
			}
			if (e && e.keyCode == 13) { // enter 键
				alert('aaa')

			}
		}
		$('#search').click(function () {
			alert('aaa')
		});

	</script>
</body>

</html>